<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="__CSS__/common.css?v=__VERSION__"/>
    <link rel="stylesheet" type="text/css" href="__CSS__/iconfont.css?v=__VERSION__"/>
    <link rel="stylesheet" type="text/css" href="__CSS__/swiper.min.css?v=__VERSION__"/>
    <link rel="stylesheet" type="text/css" href="__CSS__/extension_index.css?v=__VERSION__"/>
    <script type="text/javascript" src="__JS__/jquery.min.js?v=__VERSION__"></script>
    <title>{$pageInfo['title']}</title>
    <meta name="keywords" content="{$pageInfo['keywords']}">
    <meta name="description" content="{$pageInfo['description']}">
</head>
<body>
<div id="main">

    {include file="common/nav" /}

    <div id="center" class="com">

        {if !empty($childrenPlist)}
        <div id="left-box">
            <ul class="left-menu">
                {volist name="childrenPlist" id="child"}
                <li {if $child['id']==$id}class="active"{/if} data-category_id="{$child.id}"><a href="/extension/{$identify_1}/{$child['id']}">{$child.name}</a></li>
                {/volist}
            </ul>
        </div>
        {/if}

        <div id="right-box">

            <!--carousel start-->
            <div class="swiper-container carousel">
                <div class="swiper-wrapper">
                    {volist name="bannerList" id="banner"}
                    <div class="swiper-slide"><a {if !empty($banner.link)}href="{$banner.link}" target="_blank" {else/}href='javascript:void(0);'{/if}><img src="{$banner.thumb}" alt="{$banner.title}" title="{$banner.title}" /></a></div>
                    {/volist}
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>

                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
            <!--carousel stop-->

            <!--network-marketing start-->
            <div class="network-marketing">
                <div class="marketing-title">{$pageInfo['name']}</div>
                {if !empty($articleList)}
                <div class="marketing-content">

                    {volist name="articleList" id="article"}
                    {if $key<=6}
                    <div class="marketing-list">
                        <div class="left-box">
                            <a href="{:url('/detail/'.$article['id'])}" target="_blank"><img src="{$article.thumb|image_processing=0}" alt="{$article.title}" title="{$article.title}"></a>
                        </div>
                        <div class="right-box">
                            <div class="article-title"><a href="{:url('/detail/'.$article['id'])}" target="_blank">{$article.title}</a></div>
                            <div class="article-info">
                                <span class="pubdate"><i class="iconfont icon-shijian"></i>{$article.createtime}</span>
                                <span class="author"><i class="iconfont icon-7"></i>{$article.author}</span>
                                <span class="read-number"><i class="iconfont icon-chakanyanjingshishifenxi"></i>{$article.clicks}</span>
                            </div>
                            <div class="article-content">{$article.info}</div>
                        </div>
                    </div>
                    {/if}
                    {/volist}

                </div>
                {/if}
            </div>
            <!--network-marketing stop-->

            <!--article-list start-->
            {if count($articleList)>6}
            <div class="article-list-box">
                <div class="article-list">
                    {volist name="articleList" id="article"}
                    {if $key>6}
                    <div class="article">
                        <div class="com-article">
                            <div class="thumb"><a href="{:url('/detail/'.$article['id'])}" target="_blank"><img src="{$article.thumb|image_processing=0}" alt="{$article.title}" title="{$article.title}"/></a></div>
                            <div class="title"><a href="{:url('/detail/'.$article['id'])}" target="_blank">{$article.title}</a></div>
                            <div class="introduction">{$article.info}</div>
                            <div class="info">
                                <span>{$article.createtime}</span>
                                <a href="{:url('/detail/'.$article['id'])}" target="_blank">阅读+</a>
                            </div>
                        </div>
                    </div>
                    {/if}
                    {/volist}
                </div>
            </div>
            {/if}
            <!--article-list stop-->

            <!--page start-->
            {if !empty($show)}
            <div class="page">
                {$show}
            </div>
            {/if}
            <!--page stop-->


        </div>
    </div>


    {include file="common/footer" /}

</div>

<script type="text/javascript" src="__JS__/swiper.min.js?v=__VERSION__"></script>
<script type="text/javascript" src="__JS__/common.js?v=__VERSION__"></script>
<script type="text/javascript">
    $(function () {
        //轮播
        var mySwiper = new Swiper ('.swiper-container', {
            autoplay: true,
            speed:2500,
            // 如果需要分页器
            pagination: {
                el: '.swiper-pagination',
            },

            // 如果需要前进后退按钮
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });

    });
</script>
</body>
</html>